<style>
    .title{
        font-size:1em;
        width:22%!important;
        white-space: nowrap;
    }

    .money{
        font-size:1em;
        width:60%!important;
        float:left!important;
    }

    .btn{
        margin-top:10px;
    }
</style>
<link rel="stylesheet" href="/assets/home/css/recharge.css">

<form class="mui-input-group" method="post">
    <div class="mui-input-row">
        <label class="title">充值帐户(￥)：</label>
        <input type="number" readonly value="{$LoginUser['mobile']}" />
    </div>
    <div class="mui-input-row">
        <label class="title">当前余额(￥)：</label>
        <input type="number" readonly value="{$LoginUser['money']}" />
    </div>
    <div class="mui-input-row">
        <label class="title">充值金额(￥)：</label>
        <input type="number" name="money" min="1" class="mui-input-clear money" placeholder="请输入充值金额" required />
    </div>

    <div class="mui-input-row">
        <label class="title">支付方式：</label>
        <select name="paytype">
            <option value="0">微信支付</option>
            <option value="1">支付宝支付</option>
        </select>
    </div>
    <!--立即充值-->
    <button type="submit" class="mui-btn mui-btn-primary mui-btn-outlined btn">立即充值</button>
</form>